<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <!-- 组件化开发&根组件
   1.组件化：一个页面可以拆分成一个个组件，每个组件有着自己独立的结构、样式、行为
   好处：便于维护，利于复用->提升开发效率
   组件分类：普通组件、根组件
   App.vue文件（单文件组件）的三个组成部分
   1.语法高亮插件vetur
   2.三部分组成
   template：结构（有且只能有一个根元素）
   script：js逻辑
   style:样式（可支持less，需要装包）
   3.让组件支持less
   (1)style标签，lang="less"开启less功能
   (2)装包：yarn add less less-loader -->
</body>
</html>